﻿body
{
	max-width: 1024px;
	margin: 0 auto;
    /*width: 1200px;*/
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color:aliceblue;
}

#naglowek 
{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin: 0px 10px 0px 10px;
}

#glowny
{
    background-color:whitesmoke;
    margin: 0px 10px 0px 10px;
    padding: 5px;
}

#pasekBoczny 
{
    width: 230px;
    margin: 0px 10px 0px 10px;
    padding: 4px 4px 4px 0px;
    background-color: blanchedalmond;
    float: right;
    font-size:80%;
}

#stopka 
{
    margin: 0px 10px 0px 10px;
    padding:5px;
    background-color:darkkhaki;
    clear: right;
    text-align:center;
    font-size:80%;
}

h1 {
    text-align: center;
}

h2
{
    font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;
    color: darkred;
}

h2:first-letter
{
    color:saddlebrown;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 140%;
    font-weight:bold;
    background-color:lightyellow;
    padding: 4px 8px 4px 8px;
    border-radius: 20%;
}

p:first-letter {
    font-size: 160%;
    color: saddlebrown;
}

#titleBookWork
{
    font-family:'Berlin Sans FB';
    font-size:larger;
    color:brown;
}

.wyroznik
{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight:700;
    font-style:italic;
    font-size:95%;
}

.positionFixed {
    background-color: hsla(60, 50%, 80%, 0.8);
    color: darkred;
    top: 200px;
    right: 2px;
    width: 200px;
    padding: 4px 4px 4px 0px;
    position: fixed;
    font-size: 80%;
}

.kol_1 {
    padding: 2px 6px 2px 6px;
    background-color:azure;
}

.kol_2 {
    padding: 2px 6px 2px 6px;
    background-color: azure;
}

.positionRelative1 {
    background-color: hsla(100,60%,30%,.7);
    color: brown;
    top: -30px;
    left: 20px;
    width: 200px;
    height: 200px;
    padding: 50px;
    border-radius: 50%;
    position: relative;
}

.positionRelative2 {
    background-color: cornflowerblue;
    color: brown;
    top: -120px;
    left: 150px;
    margin-bottom: 10px;
    width: 200px;
    height: 200px;
    padding: 50px;
    border-radius: 50%;
    position: relative;
}

.positionRelative3 {
    background-color: hsla(120,80%,40%,.6);
    border: solid;
    border-color: hsla(120,80%,60%,.4);
    color: darkblue;
    top: -600px;
    left: 260px;
    margin-bottom: -40px;
    width: 200px;
    height: 200px;
    padding: 50px;
    border-radius: 50%;
    position: relative;
}